* { padding: 0; margin:0; box-sizing: border-box;}
body { min-width: 320px; max-width: 640px; margin: 0 auto !important; font-size: .16rem;text-align: center;font-family: "微软雅黑";}
img { max-width: 100%; border: none; display: block;}
a { color: #fff; text-decoration: none; font-size: .21rem;}
h1 { font-size: .28rem; line-height: 1.25; margin-bottom: .2rem; }
p { font-size: .16rem; line-height: 1.375; margin-bottom: .15rem;}
.content {  overflow: hidden;}
.f2 .content { background: url(images/f2_b.gif);background-size: 100% 100%; }
.f2 .p { width:4.35rem;margin: 0 auto; text-align: center; }
.f2 .p p { font-size: 14px; }
.f3 .content { background: url(images/f3_b.gif);background-size: 100% 100%; }
.f3 .content .row { justify-content: flex-start; }
.f4 .content { background: url(images/f4_b.gif);background-size: 100% 100%; }
.f4 .p { background: url(images/f4_p_b.gif);background-size: 100% 100%; font-size: .14rem; text-align: center; color: #fff;padding: .15rem;width: 87.34%; margin: 0 auto;}
.f4 .p span { font-size: .18rem; }
.f5 .content { background: url(images/f5_b.gif);background-size: 100% 100%; }
.f5 .content .p { background: url(images/f5_p_b.gif);background-size: 100% 100%; width: 87.34%;margin: 0 auto; color: #fff; padding: .1rem .15rem;}
.f5 .content .p p { margin: .1rem auto; }
.f5 .p p span {font-size: .18rem;border-radius: .04rem;margin-right: .1rem;padding: .03rem;}
.p small { color: #fcff00; font-size: .21rem;  }
.f5 .p p span { background: #29152c; }
.f6 .content { background: url(images/f6_b.gif);background-size: 100% 100%; }
.f6 .p { width: 73.125%; margin: 0 auto; background: url(images/f6_p_b.gif); background-size: 100% 100%;padding: .2rem .15rem; }
.f6 .p p { padding-left: 5px; background: #29152c; border-radius: 5px;color: #fff;font-size: .18rem;margin-bottom: 10px;margin-top: 7px;line-height: 2;}

.f6 .p p span { color: #fcff00;font-size: .2rem; }
.f7 .content { background: url(images/f7_b.gif);background-size: 100% 100%; }
.f7 p { font-size: 14px; }
.f7 p span { font-size: .22rem; }
.bottom {background: #ae024c;height: 1.2em;}
.red { color: #d4312c; }
.p { text-align: left; }
.row {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin-bottom: 5px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.flex1 {
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  box-flex: 1;
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin: .02rem;
/*  -webkit-box-align:center; 
  -webkit-box-pack:center; */
}
.btn-group { 
	margin-top: .2rem;
	margin-bottom: .2rem; 
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-align:center; 
	-webkit-box-pack:center;
	-moz-box-align: center;
	-webkit-justify-content: center;
	-moz-justify-content: center; 
	align-content: center;
	justify-content: center;
}
.btn {display: inline-block;}
.btn a { 
	background: #b60001;
	padding: .08rem .2rem; 
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	border-radius: 5px;
}

.head1{width:100%; height: .48rem;background-color:#23002e; margin:0 auto; overflow:hidden;}
.head1 ul{text-align: center;padding: 0;height: 48px;}
.head1 ul li{ color:#fff; margin-left:.12rem; margin-right:.12rem; line-height:.48rem; list-style:none;display: inline-block;}
.head1 ul a{ text-decoration:none; color:#fff;font-size: .18rem;}
.head1 ul li a:hover{ color:#999;}
/*底部调用手机站*/
.foot{width:100%; margin:0 auto;font-size:11px;line-height:20px; text-align:center;  font-family:"SimSun"; overflow:hidden; background-color:#5644c1;color: #fff;}
.foot a{color:#fff;font-size: 11px;}
.foot span {display: inline-block;}